<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../Style/Login_Page.css" />
    <link
      rel="stylesheet"
      href="../Utils/bootstrap-3.4.1-dist/css/bootstrap.min.css"
    />
  </head>
  <body>
    <div id="HomePageBackground">
      <div id="LoginArea">
        <div id="Success">
          <div id="SucCont">
            <img src="../images/Login_Page_Success.png" alt="" />
            <span style="color: black">登录成功</span>
          </div>
        </div>                   
        <img src="../images/Login_Page_Head.png" alt="" id="LoginHeadImg" />
        <h2>登 录</h2>
        <h4>欢迎登录OA办公后台管理系统</h4>

        <div id="LoginAreaUser" class="form-group">
          <label class="sr-only" for="exampleInputAmount"
            >Amount (in dollars)</label
          >
          <div class="input-group">
            <div class="input-group-addon" style="background-color: white">
              <img
                id="img1"
                src="../images/Login_Page_User_OnBlur.png"
                alt=""
              />
            </div>
            <input
              type="text"
              class="form-control"
              id="exampleInputAmount1"
              placeholder="请输入手机号码或工号"
            />
          </div>
        </div>

        <div id="LoginAreaPass" class="form-group">
          <label class="sr-only" for="exampleInputAmount"
            >Amount (in dollars)</label
          >
          <div class="input-group">
            <div class="input-group-addon" style="background-color: white">
              <img
                id="img2"
                src="../images/Login_Page_Pass_OnBlur.png"
                alt=""
              />
            </div>
            <input
              type="text"
              class="form-control"
              id="exampleInputAmount2"
              placeholder="请输入密码"
            />
          </div>
        </div>

        <div id="LoginAreaCheck">
          <img id="check" src="../images/Login_Page_Checked.png" alt="" />
          <span
            >我已阅读并同意
            <p>《用户隐私政策》</p></span
          >
        </div>
        <button>登 录</button>
        <h5>忘记密码请联系管理员</h5>
      </div>
      <div id="RightBottomCorner">
        <div id="HoverShow">
          <div id="HoverBox">
            <div id="HoverMove">
              <img src="../images/QR.jpg" alt="" /><span>咨询请加微信</span>
            </div>
          </div>
          <div id="Button1Box">
            <div id="BottomButton1">
              <img src="../images/Login_Page_QQButton.svg" alt="" />
            </div>
          </div>
        </div>
        <div id="BottomButton2">
          <img src="../images/Login_Page_HomeButton.png" alt="" />
        </div>
      </div>
    </div>
    <script src="../Js/Login_Page.js"></script>
    <script src="../Utils/jquery-3.6.0.min.js"></script>
    <script src="../Utils/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
  </body>
</html>
